{% extends 'proyectos/base.html' %}

{% block content %}

	<div id="header_wrap">
		<div id="header" class="round">
			<img src="{{ STATIC_URL }}img/lightbulb.png" class="light-bulb" alt="" />
			<div class="header-text">
				<img src="{{ STATIC_URL }}img/bienvenidos.png" alt="Bienvenidos a DOKUCA" />
				<p>
					Gestión de Documentación de Proyectos.
				</p>
				<p>
					Aquí podrán encontrar los documentos relacionados a los proyectos desarrollados por los distintos
					departamentos de la Facultad de Ciencias y Tecnologías de la Universidad Católica "Nuestra Señora de la Asunción".
				</p>
			</div>
		</div>
	</div>

	<div id="content_wrap">
		<div id="content">
			<div class="nav-section">
				<ul></ul>
			</div>

			<div id="websites">
				<div id="addproject" class="addproject round-top">
					<button onclick="location.href='/proyectos/crear'" class="fsSubmitButton">Crear Proyecto</button>

					<button onclick="location.href='/grupos/crear/'" class="fsSubmitButton">Crear Grupo</button>

					<button onclick="location.href='/tutorial'" class="fsSubmitButton">¿Cómo
						Documentar?</button>
				</div>
				{% for p in proyectos %}
					{% if forloop.counter|divisibleby:2 %}
						<div class="post even clearfix {% if forloop.last %}round-bottom{% endif %}">
							<a href="/proyectos/editar/{{ p.id }}">
								<img src="{{ STATIC_URL }}img/appstorm-icon.png" alt="icon" class="side-tag" style="top:29px;" />
							</a>
							<div class="post-image">
								<a href="/proyectos/editar/{{ p.id }}">
									<img src="{{ p.imagen.url }}" width="396" height="220" alt="{{ p.nombre }}" />
								</a>
							</div>
							<div class="post-text">
								<h2>{{ p.nombre }}</h2> <br/>
								{% for link in p.links.all %}
									<p><a href="{{ link.url }}" target="_blank">{{ link.titulo }}</a></p>
								{% endfor %}
								{% for doc in p.documentos.all %}
									<p><a href="{{ doc.documento.url }}" target="_blank">{{ doc.titulo }}</a></p>
								{% endfor %}
							</div>
							<div class="clear"></div>
						</div>
					{% else %}
						<div class="post odd clearfix {% if forloop.last %}round-bottom{% endif %}">
							<a href="/proyectos/editar/{{ p.id }}">
								<img src="{{ STATIC_URL }}img/appstorm-icon.png" alt="icon" class="side-tag" style="top:29px;" />
							</a>
							<div class="post-image">
								<a href="/proyectos/editar/{{ p.id }}">
									<img src="{{ p.imagen.url }}" width="396" height="220" alt="{{ p.nombre }}" />
								</a>
							</div>
							<div class="post-text">
								<h2>{{ p.nombre }}</h2> <br/>
								{% for link in p.links.all %}
									<p><a href="{{ link.url }}" target="_blank">{{ link.titulo }}</a></p>
								{% endfor %}
								{% for doc in p.documentos.all %}
									<p><a href="{{ doc.documento.url }}" target="_blank">{{ doc.titulo }}</a></p>
								{% endfor %}
							</div>
							<div class="clear"></div>
						</div>
					{% endif %}
				{% endfor %}

				<div class="nav-section">
					<ul></ul>
				</div>

				<div id="about">
					<div class="featured round-top round-bottom">
						<img src="{{ STATIC_URL }}img/acercade.png" alt="Acerca de" class="side-tag" style="top:50px;" />
						<img src="{{ STATIC_URL }}img/about.png" alt="" />
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock content %}